<nav class="ascensorLink ascensorLink0 flecha trabajo"></nav>

<div class="trabajo">

    <div class="centro">
        
        <h2>
        NUESTRA REPUTACI&Oacute;N NOS PRECEDE
        </h2>


        <ul class="royalSlider rsDefault">
            <li>
                <ul class="equipo">
                    <li href="./img/screen/colormbination.png">

                            <img src="./img/porta_1.png">
                            <i></i>
                            <div class="over">
                                <h3>COLOMBINATION</h3>
                                <p>Aplicaci&oacute;n para Windows Phone 8, esta app es propuesta por la empresa NA-AT Technologies, que pretende proponer tu vestimenta a partir de im&aacute;genes combinadas con un patr&oacutee;n de colores.</p>
                            </div>

                    </li>
                    
                    <li href="./img/screen/esquire.png">
                        <img src="./img/porta_2.png">
                        <i></i>
                        <div class="over">
                            <h3>ESQUIRE</h3>
                            <p>Aplicaci&oacute;n para iPhone, se gener&oacute; para Televisa, basada en la revista impresa.</p>
                        </div>
                    </li>
                    
                    <li href="./img/screen/fundacion_azt.png">
                        <img src="./img/porta_3.png">
                        <i></i>
                        <div class="over">
                           <h3>FUNDACI&Oacute;N AZTECA</h3>
                            <p>Es una propuesta web generada para Fundaci&oacute;n Azteca.</p>
                        </div>
                    </li>
                    
                    <li href="./img/screen/gloria.png">
                        <img src="./img/porta_4.png">
                        <i></i>
                        <div class="over">
                            <h3>GLORIA CORTINA</h3>
                            <p>Web Site elaborado para la decoradora de interiores Gloria Cortina.</p>
                        </div>
                    </li>

                </ul>
                
            </li>

            <li>
                <ul class="equipo">
                    <li href="./img/screen/larousse.png">
                        <img src="./img/porta_5.png">
                        <i></i>
                        <div class="over">
                            <h3>LAROUSSE</h3>
                            <p>Propuesta de app para iPad y iPhone generado para Larousse, pretende ser una aplicaci&oacute;n que genera propuestas gastron&oacute;micas para ni&ntilde;os.</p>
                        </div>
                    </li>
                    
                    <li href="./img/screen/publimetro.png">
                        <img src="./img/porta_6.png">
                        <i></i>
                        <div class="over">
                            <h3>PUBLIMENTRO</h3>
                            <p>Aplicaci&oacute;n para Windows Phone 8 complementaria al sitio web, expone su l&iacute;nea de noticias.</p>
                        </div>
                    </li>
                    
                    <li href="./img/screen/recarch.png">
                        <img src="./img/porta_7.png">
                        <i></i>
                        <div class="over">

                            <h3>RECARCH</h3>
                            <p>Aplicaci&oacute;n para iPad y iPhone generado para uno de los arquitectos m&aacuet;s reconocidos en M&eacute;xico y el mundo Gerardo Recoder, esta app hace un estudio sobre la arquitectura mundial.</p>
                        </div>
                    </li>
                    
                    <li href="./img/screen/score_tl.png">
                        <img src="./img/porta_8.png">
                        <i></i>
                        <div class="over">

                            <h3>SCORETOTAL</h3>
                            <p>Web Site elaborado para el peri&oacute;dico Score Total, un sitio sobre noticias relacionadas al deporte.</p>

                        </div>
                    </li>

                </ul>
                
            </li>
            
            
            <li>
                <ul class="equipo">
                    <li href="./img/screen/tiempo_libre.png">
                        <img src="./img/porta_9.png">
                        <i></i>
                        <div class="over">
                            <h3>TIEMPO LIBRE</h3>
                            <p>Web Site elaborado para la revista Tiempo Libre, un sitio sobre eventos de entretenimiento en el D.F. M&eacute;xico.</p>
                        </div>
                    </li>
                    
                    <li href="./img/screen/vertigo.png">
                        <img src="./img/porta_10.png">
                        <i></i>
                        <div class="over">
                            <h3>V&Eacute;RTIGO</h3>
                            <p>Web Site elaborado para la Revista V&eacute;rtigo como complemento virtual a sus ediciones impresas.</p>
                        </div>
                    </li>

                </ul>
                
            </li>
        </ul>
    
    </div>
    
<?
$this->load->view("footer");
?>
</div>


<script type="text/javascript">
    head.ready(function(){

      (function(){

          var slider = $('div.trabajo ul.royalSlider').royalSlider({
              thumbs: {
                navigation: false,
                //spacing: 1,
                autoCenter: false
              },
              block: {
                      // animated blocks options go gere
                      moveEffect: 'bottom',
                      moveOffset: 90
              },
              autoPlay: {
                      // autoplay options go gere
                      enabled     : false,
                      pauseOnHover: true,
                      delay       : 3500
              },
              usePreloader            : true,
              keyboardNavEnabled      : false,
              navigateByClick         : false,
              arrowsNav               : true,
              fadeinLoadedSlide       : false,
              autoHeight              : true,
              controlNavigationSpacing: 0,
              controlNavigation       : 'tabs',
              imageScaleMode          : 'none',
              imageAlignCenter        : false,
              loop                    : true,
              loopRewind              : true
          });

            slider.prepend(slider.find('.rsNav'));
            
            
            $('.trabajo ul.equipo').magnificPopup({
                delegate: 'li', // child items selector, by clicking on it popup will open
                type: 'image'
                // other options
              });
            
      })();

      
    });
</script>